<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>优贝小店</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/rem.js"></script>
	</head>
	<body>
		<div class="web">
			<div class="btn">
				<div class="btn-wrap">
					<a href="#">登录</a>
					<a href="#" class="free">免费注册</a>
				</div>
			</div>
			<!--登录页开始-->
			<div class="login-box">
				<div class="login-title">
					<span class="cancel">取消</span>
					<p>登录</p>
				</div>
				<div class="login-content">
					<div class="login-img">
						<img src="img/logo.png"/>
					</div>
					<div class="login-img2">
						<img src="img/login-text.png"/>
					</div>
					<div class="login-form">
						<form action="#">
							<div class="id">
								<span>账号</span>
								<input type="text" name="" id="" placeholder="请输入手机号码" />
							</div>
							<div class="id">
								<span>密码</span>
								<input type="password" name="" id="" placeholder="请输入密码" />
							</div>
						</form>
						<div class="login-btn">
							<a href="#">登 录</a>
						</div>
						<div class="login-register">
							<a href="#">注册用户</a>
							<a href="#">忘记密码</a>
						</div>
					</div>
				</div>
				<div class="login-bottom">
					<div class="weixin">
						<i class="iconfont icon-weixin"></i>
						<span>微信登录</span>
					</div>
					<div class="qq">
						<i class="iconfont icon-tubiao215"></i>
						<span>qq登录</span>
					</div>
				</div>
			</div>
			<!--登录页结束-->
			<!--注册页开始-->
			<div class="register-box">
				<div class="register-title">
					<span class="cancel">取消</span>
					<p>注册</p>
				</div>
				<div class="register-content">
					<form action="#">
						<div class="phone">
							<span>手机号码</span>
							<input type="text" name="" value="" placeholder="请输入手机号码" />
						</div>
						<div class="code">
							<div class="code-l">
								<span>验证码</span>
								<input type="text" name="" value="" placeholder="请输入验证码" />
							</div>
							<div class="code-r">
								<a href="#">获取验证码</a>
							</div>
						</div>
						<div class="regiter-text">
							<div class="person">
								<span>个人昵称</span>
								<input type="text" name="" value="" placeholder="请输入个人昵称" />
							</div>
							<div class="password">
								<span>设置密码</span>
								<input type="password" name="" value="" placeholder="8-20位数字和字母组合" />
							</div>
							<div class="repetition">
								<span>确认密码</span>
								<input type="password" name="" value="" placeholder="请重复输入密码" />
							</div>
						</div>
						<div class="agree">
							<input type="checkbox" name="" id="agree" value="" />
							<label for="agree">我已阅读并接受</label>
							<a href="#">优呗小店用户注册协议</a>
						</div>
					</form>
					<div class="complete">
						<a href="#">完 成</a>
					</div>
				</div>
			</div>
			<!--注册页结束-->
			<!--忘记密码开始-->
			<div class="forget-box">
				<div class="forget-title">
					<span class="cancel">取消</span>
					<p>设置新密码</p>
				</div>
				<form action="#">
					<div class="phone">
						<span>手机号码</span>
						<input type="text" name="" value="" placeholder="请输入手机号码" />
					</div>
					<div class="code">
						<div class="code-l">
							<span>验证码</span>
							<input type="text" name="" value="" placeholder="请输入验证码" />
						</div>
						<div class="code-r">
							<a href="#">获取验证码</a>
						</div>
					</div>
					<div class="new-password-box">
						<div class="new-password">
							<span>新密码</span>
							<input type="password" placeholder="8-20位数字和字母组合" />
						</div>
						<div class="new-password">
							<span>确认密码</span>
							<input type="password" placeholder="请重复输入密码" />
						</div>
					</div>
				</form>
				<div class="complete">
					<a href="#">完 成</a>
				</div>
			</div>
			<!--忘记密码结束-->
			<!--创建微小店开始-->
			<div class="small-shops">
				<div class="shops-title">
					<span class="cancel">取消</span>
					<p>创建微小店</p>
				</div>
				<form action="#">
					<div class="shop">
						<span>店铺名称</span>
						<input type="text" placeholder="请输入店铺名称,如某某小店" />
					</div>
				</form>
				<div class="complete">
					<a href="#">立即开店</a>
				</div>
			</div>
			<!--创建微小店结束-->
		</div>
	</body>
</html>
